<template>
    <div class="wrap">
        <!-- 普通页面 general -->
        <div class="container general">
            <div class="box-left panel">
                <!-- 发电概况 -->
                <electricity :is-station="true" :station-id="getBusinessId" />
                <!-- 发电量 -->
                <statistics :is-station="true" :station-id="getBusinessId" />
            </div>
            <div class="box-right panel">
                <!-- 电站基本信息 -->
                <station-info :is-station="true" :station-id="getBusinessId" />
                <!-- 电站设备信息 -->
                <status-devices :station-id="getBusinessId" />
            </div>

            <div class="box-bottom panel">
                <!-- 故障信息 -->
                <alarm-list :station-id="getBusinessId" />
            </div>
        </div>
    </div>
</template>
<script setup>
import { storeToRefs } from 'pinia'
import Electricity from '/@/components/Electricity/index.vue'
import Statistics from '/@/components/Statistics/index.vue'
import StationInfo from '/@/components/StationInfo/index.vue'
import StatusDevices from '/@/components/Status/devices.vue'
import AlarmList from '/@/components/AlarmList/index.vue'
import { useBusinessStore } from '@iframe/tools/store/index.js'

const businessStore = useBusinessStore()
const { getBusinessId } = storeToRefs(businessStore)
</script>
<style lang="css" scoped>
.wrap {
    padding: 0;
}
</style>
